<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>生态圈系统-权益管理</title>
  <link rel="icon" th:href="@{/images/favicon.ico}" th:mce_href="@{/images/favicon.ico}" type="image/x-icon">
  <link rel="shortcut icon" th:href="@{/images/favicon.ico}" th:mce_href="@{/images/favicon.ico}" type="image/x-icon">

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="plugins/bootstrap-4.0.0/css/bootstrap.min.css" th:href="@{/plugins/bootstrap-4.0.0/css/bootstrap.min.css}" type="text/css" rel="stylesheet"/>
  <link href="css/materialize.css" th:href="@{/css/materialize.css}" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="plugins/perfect-scrollbar/perfect-scrollbar.css" th:href="@{/plugins/perfect-scrollbar/perfect-scrollbar.css}" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="plugins/bootstrap-datepicker/css/bootstrap-datepicker.css" th:href="@{/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css}" type="text/css" rel="stylesheet"/>
  <link href="plugins/bootstrap-sweetalert/sweetalert.css" th:href="@{/plugins/bootstrap-sweetalert/sweetalert.css}" type="text/css" rel="stylesheet"/>
  <link href="css/style.css" th:href="@{/css/style.css}" type="text/css" rel="stylesheet"/>
</head>
<body>
  <header>
    <nav class="" role="navigation" style="background-color: #f4f6f9;">
      <div class="nav-wrapper">
        <ul class="right hide-on-med-and-down">
          <!--
          <li><a class="blue-text waves-effect dropdown-trigger" href="#!" data-target="dropdown1" style="vertical-align: top;"><span th:if="${session.user!=null}" th:text="${session.user.username}">admin</span><i class="material-icons right">arrow_drop_down</i></a></li>
           -->
          <li><a class="grey-text waves-effect dropdown-trigger" href="#!" data-target="dropdown1" style="vertical-align: top;"><span sec:authentication="name">admin</span><i class="material-icons right">arrow_drop_down</i></a></li>
          <ul id="dropdown1" class="dropdown-content">
            <li><a href="#modal3" class="waves-effect grey-text modal-trigger">修改密码</a></li>
            <li><a th:href="@{/admin/logout}" class="waves-effect grey-text">退出登录</a></li>
          </ul>
        </ul>

        <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
      </div>
    </nav>
  </header>

  <div th:replace="common/aside_admin :: aside"></div>

  <main class="" style="height: calc(100% - 48px); background-color: #f4f6f9;">
    <div class="row">
      <h6 style="margin: 0 0 0 15px;" id="page-title" active-menu="activity-menu">权益管理</h6>
    </div>

    <div class="row white" style="margin: 0 15px;  height: inherit;">


      <div class="col s12" style="height: inherit;"> <!-- Note that "m8 l9" was added -->
        <div>
          <form id="search">
            <div class="row" style="margin-bottom: 0;">
              <div class="input-field col s2">
                <input type="text" name="title" id="title_s" th:value="${search.title}">
                <label for="title_s">名称</label>
              </div>
              <div class="input-field col s4">
                <select name="companyId">
	                <option value="" selected>所属企业</option>
	                <option th:each="c : ${companies}" th:value="${c.id}"  th:text="${c.name}" th:selected="${c.id} == ${search.company.id}">企业1</option>
	              </select>
              </div>
              <div class="input-field col s1">
                <a th:href="'javascript:search();'" class="waves-effect waves-light btn-floating search-btn"><i class="material-icons right">search</i></a>
              </div>
              <div class="col s2">
                <div style="position: relative; height: 70px;">
                </div>
              </div>
              <div class="input-field col s1">
                <a class="waves-effect waves-light btn-floating btn-small blue right modal-trigger" href="#modal2"><i class="large material-icons">add</i></a>
              </div>
            </div>
          </form>
        </div>

        <div style="padding-top: 0; height: inherit;">

          <div>
            <table>
              <thead>
                <tr>
                  <th width="5%">ID</th>
                  <th width="20%">名称</th>
                  <th width="20%">所属企业</th>
                  <th width="10%">结算单价</th>
                  <th width="10%">开始日期</th>
                  <th width="10%">结束日期</th>
                  <th width="10%">备注</th>
                  <th width="15%">操作</th>
                </tr>
              </thead>
            </table>
          </div>

          <div id="table_body_div" style="height: calc(100% - 88px); position: relative;">
            <div>
	            <table class="highlight">
	              <thead>
	                <tr>
	                  <th class="no-padding" width="5%"></th>
	                  <th class="no-padding" width="20%"></th>
	                  <th class="no-padding" width="20%"></th>
	                  <th class="no-padding" width="10%"></th>
	                  <th class="no-padding" width="10%"></th>
	                  <th class="no-padding" width="10%"></th>
	                  <th class="no-padding" width="10%"></th>
	                  <th class="no-padding" width="15%"></th>
	                </tr>
	              </thead>
	              <tbody>
	                <tr th:each="a : ${activities}">
	                  <td th:text="${a.id}" th:title="${a.id}">1</td>
	                  <td th:text="${a.title}" th:title="${a.title}">中秋大闸蟹</td>
	                  <td th:text="${a.company.name}" th:title="${a.company.name}"></td>
	                  <td th:text="${#numbers.formatCurrency(a.price)}" th:title="${#numbers.formatCurrency(a.price)}">4/3/2</td>
	                  <td th:text="${a.startDate}" th:title="${a.startDate}">2018-09-30</td>
	                  <td th:text="${a.endDate}" th:title="${a.endDate}">正常</td>
	                  <td th:text="${a.remark}" th:title="${a.remark}">备注</td>
	                  <td class="no-padding">
	                    <a th:href="'javascript:openEditModal(\''+${a.id}+'\');'" title="编辑"><i class="material-icons">edit</i></a>
	                    <a th:href="'javascript:deleteSubmit(\''+${a.id}+'\');'" title="删除"><i class="material-icons">delete</i></a>
	                    <!--
	                    <a th:href="'javascript:generateSubmit(\''+${a.id}+'\', \''+${a.quantity}+'\');'" title="生成验证码"><i class="material-icons">send</i></a>
	                    <a th:href="'javascript:replySubmit(\''+${a.id}+'\');'" title="回收"><i class="material-icons">reply</i></a>
	                     -->
	                  </td>
	                </tr>
	              </tbody>
	            </table>
            </div>
          </div>
          <ul class="pagination">
            <!-- <li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li>
            <li class="active"><a href="#!">1</a></li>
            <li class="waves-effect"><a href="#!">2</a></li>
            <li class="waves-effect"><a href="#!">3</a></li>
            <li class="waves-effect"><a href="#!">4</a></li>
            <li class="waves-effect"><a href="#!">5</a></li>
            <li class="waves-effect"><a href="#!"><i class="material-icons">chevron_right</i></a></li> -->
          </ul>

        </div>

      </div>

  	</div>
  </main>

  <!-- <footer class="white page-footer teal">
    <div class="footer-copyright">
      <div class="black-text container">
      Made by <a class="brown-text text-lighten-3" href="http://materializecss.com">Materialize</a>
      </div>
    </div>
  </footer> -->

  <!-- Modal Structure -->

  <div id="modal1" class="modal modal-fixed-footer">
    <div class="modal-header">
      <h6>编辑权益</h6>
      <a class="btn-flat modal-close"><i class="material-icons">close</i></a>
    </div>
    <div class="modal-content" style="border: unset; border-radius: 0;">
      <div class="row">
        <form class="col s12">
          <input name="id" type="hidden">
          <div class="row">
            <div class="col s12 input-field compact">
              <input type="text" name="title" id="title1" class="validate" required maxlength="50">
              <label for="title1"><font color="red">*</font>名称</label>
              <span class="helper-text" data-error="必填项" data-success="right"></span>
            </div>
          </div>
          <div class="row">
            <div class="col s12 input-field compact">
              <textarea id="content1" name="content" class="materialize-textarea validate" maxlength="400"></textarea>
              <label for="content1">介绍</label>
              <span class="helper-text" data-error="wrong" data-success="right"></span>
            </div>
          </div>
          <div class="row">
            <div class="col s12 input-field compact">
              <select name="companyId">
                <option value="" disabled selected>请选择所属企业</option>
                <option th:each="c : ${companies}" th:value="${c.id}"  th:text="${c.name}">企业1</option>
              </select>
              <label><font color="red">*</font>所属企业</label>
              <span class="helper-text" data-error="必选项" data-success="right"></span>
            </div>
          </div>
          <div class="row">
            <div class="col s12 input-field compact">
              <!-- <textarea name="scope" id="scope" class="validate materialize-textarea" required maxlength="400"></textarea> -->
              <select name="scope" multiple>
                <option value="" disabled selected>请选择</option>
              </select>
              <label for="scope1"><font color="red">*</font>参与范围</label>
              <span class="helper-text" data-error="必填项" data-success="right"></span>
            </div>
          </div>
          <div class="row">
             <div class="col s6 input-field compact">
              <input type="text" name="startDate" id="startDate1" class="date-picker validate" required>
              <label for="startDate1"><font color="red">*</font>开始日期</label>
              <span class="helper-text" data-error="必填项，不能晚于结束日期" data-success="right"></span>
            </div>
            <div class="col s6 input-field compact">
              <input type="text" name="endDate" id="endDate1" class="date-picker validate" required>
              <label for="endDate1"><font color="red">*</font>结束日期</label>
              <span class="helper-text" data-error="必填项，不能早于开始日期" data-success="right"></span>
            </div>
          </div>
          <div class="row">
            <div class="col s12 input-field compact">
              <input type="number" name="price" step="0.01" id="price1" class="validate" required min="0.01" max="4999.99">
              <label for="price1"><font color="red">*</font>结算单价（元）</label>
              <span class="helper-text" data-error="必填项，须大于0元小于5000元" data-success="right"></span>
            </div>
          </div>
          <div class="row">
            <div class="col s12 input-field compact">
              <textarea name="remark" id="remark1" class="validate materialize-textarea" maxlength="400"></textarea>
              <label for="remark1">备注</label>
            </div>
          </div>
          <input type="reset" style="display:none;" />
        </form>
      </div>
    </div>
    <div class="modal-footer">
      <a href="#!" class="modal-close waves-effect waves-light btn-flat" style="margin-right: 10px;">取消</a>
      <button class="btn waves-effect waves-light light-blue darken-1" type="submit" name="action" style="margin-right: 10px;" onclick="editSubmit()">确认</button>
    </div>
  </div>

  <div id="modal2" class="modal modal-fixed-footer">
    <div class="modal-header">
      <h6>新增权益</h6>
      <a class="btn-flat modal-close"><i class="material-icons">close</i></a>
    </div>
    <div class="modal-content" style="border: unset; border-radius: 0;">
      <div class="row">
        <form class="col s12">
          <div class="row">
	          <div class="col s12 input-field compact">
	            <input type="text" name="title" id="title" class="validate" required maxlength="50">
	            <label for="title"><font color="red">*</font>名称</label>
	            <span class="helper-text" data-error="必填项" data-success="right"></span>
	          </div>
          </div>
          <div class="row">
	          <div class="col s12 input-field compact">
	            <textarea id="content" name="content" class="materialize-textarea validate" maxlength="400"></textarea>
	            <label for="content">介绍</label>
	            <span class="helper-text" data-error="wrong" data-success="right"></span>
	          </div>
          </div>
          <div class="row">
	          <div class="col s12 input-field compact">
	            <select name="companyId">
	              <option value="" disabled selected>请选择所属企业</option>
	              <option th:each="c : ${companies}" th:value="${c.id}"  th:text="${c.name}">企业1</option>
	            </select>
	            <label><font color="red">*</font>所属企业</label>
	            <span class="helper-text" data-error="必选项" data-success="right"></span>
	          </div>
          </div>
          <div class="row">
	          <div class="col s12 input-field compact">
	            <!-- <textarea name="scope" id="scope" class="validate materialize-textarea" required maxlength="400"></textarea> -->
	            <select name="scope" multiple>
                <option value="" disabled selected>请选择</option>
              </select>
	            <label for="scope"><font color="red">*</font>参与范围</label>
	            <span class="helper-text" data-error="必填项" data-success="right"></span>
	          </div>
          </div>
          <div class="row">
           <div class="col s6 input-field compact">
             <input type="text" name="startDate" id="startDate" class="date-picker validate" required>
             <label for="startDate"><font color="red">*</font>开始日期</label>
             <span class="helper-text" data-error="必填项，不能晚于结束日期" data-success="right"></span>
           </div>
           <div class="col s6 input-field compact">
              <input type="text" name="endDate" id="endDate" class="date-picker validate" required>
              <label for="endDate"><font color="red">*</font>结束日期</label>
              <span class="helper-text" data-error="必填项，不能早于开始日期" data-success="right"></span>
            </div>
          </div>
          <div class="row">
            <div class="col s12 input-field compact">
              <input type="number" name="price" step="0.01" id="price" class="validate" required min="0.01" max="4999.99">
              <label for="price"><font color="red">*</font>结算单价（元）</label>
              <span class="helper-text" data-error="必填项，须大于0元小于5000元" data-success="right"></span>
            </div>
          </div>
          <div class="row">
            <div class="col s12 input-field compact">
              <textarea name="remark" id="remark" class="validate materialize-textarea" maxlength="400"></textarea>
              <label for="remark">备注</label>
            </div>
          </div>
          <input type="reset" style="display:none;" />
        </form>
      </div>
    </div>
    <div class="modal-footer">
      <a href="#!" class="modal-close waves-effect waves-light btn-flat" style="margin-right: 10px;">取消</a>
      <button class="btn waves-effect waves-light light-blue darken-1" type="submit" name="action" style="margin-right: 10px;" onclick="addSubmit()">确认</button>
    </div>
  </div>

  <div th:replace="common/update_pwd :: #modal3"></div>

  <div style="display: none;">
	  <label id="checkbox_s">
      <input type="checkbox" checked="checked" class="filled-in"/>
      <span>同时回收该活动下所有未使用的验证码</span>
    </label>
  </div>

  <!--  Scripts-->
  <script src="js/jquery-3.3.1.min.js" th:src="@{/js/jquery-3.3.1.min.js}"></script>
  <script src="js/materialize.js" th:src="@{/js/materialize.js}"></script>
  <script src="plugins/perfect-scrollbar/perfect-scrollbar.min.js" th:src="@{/plugins/perfect-scrollbar/perfect-scrollbar.min.js}"></script>
  <script src="plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" th:src="@{/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js}"></script>
  <script src="plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js" th:src="@{/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js}" charset="UTF-8"></script>
  <script src="plugins/bootstrap-sweetalert/sweetalert.min.js" th:src="@{/plugins/bootstrap-sweetalert/sweetalert.min.js}"></script>
  <script src="js/common.js" th:src="@{/js/common.js}"></script>
  <script src="js/jquery.page.js" th:src="@{/js/jquery.page.js}"></script>
  <script th:inline="javascript">
    $(document).ready(function() {

    	$("select[name='companyId']").change(function() {
    		if($(this).val() == null) {
    			return;
    		}
    		//console.log($(this).val());
    		$.ajax({
    		  url: "/kangchenjunga/api/v1/companies/getStoreByCompanyId/" + $(this).val(),
          contentType: "application/json;charset=utf-8",
          type: "GET",
          headers: {
            Accept: "application/json"
          },
          dataType: "json",
          success: function(data, textStatus) {
            //console.log(data);
            if(data.length > 0) {
              var h = '';
              for(x in data) {
                //console.log(data[x]);
                //console.log(data[x].id);
                h += '<option value="' + data[x].id + '">' + data[x].name + '</option>';
              }
            } else {
            	h = '<option value="" disabled>无可选门店,请先在企业端添加</option>';
            }
            $("select[name='scope']").html(h);
            select_instance = M.FormSelect.init(document.querySelectorAll('select'));
          }
        });
    	});

    });

    $(".pagination").createPage({
      pageCount: [[${activities.totalPages}]],
      current: [[${activities.number}]] + 1,
      backFn:function(p){
        window.location.href = "activities?page=" + (p - 1) + "&" + formParamsSerialize($("#search").find('input, select'));
      }
    });

    function search() {
      console.log($("#search").serialize());
      window.location.href = "activities?" + formParamsSerialize($("#search").find('input, select'));
    }

    function addSubmit() {
    	var input_elems = $('#modal2 .modal-content input, #modal2 .modal-content textarea');
    	input_elems.each(function(){
    		M.validate_field($(this));
   		});
    	var startDate = $('#modal2 input[name="startDate"]').val();
      var endDate = $('#modal2 input[name="endDate"]').val();
      var d1 = new Date(startDate.replace(/\-/g, "\/"));
      var d2 = new Date(endDate.replace(/\-/g, "\/"));
      if(startDate != "" && endDate != "" && d1 > d2) {
        $('#modal2 input[name="startDate"]').addClass("invalid");
        $('#modal2 input[name="endDate"]').addClass("invalid");
      }
    	var invalid_input_elems = $('#modal2 .modal-content input.invalid, #modal2 .modal-content textarea.invalid');
    	if(invalid_input_elems.length > 0) {
    		var location = $(invalid_input_elems[0]).offset().top - 300;
        document.querySelector('.modal-content').scrollTop = location;
    		return false;
    	}
    	if($('#modal2 select[name="scope"]').val().length <= 0) {
    		swal({
          title: "",
          text: "请选择参与范围！",
          icon: "error",
          //timer: 2000,
        });
    		return false;
    	}
      $.ajax({
        url: "/kangchenjunga/api/v1/activities/",
        data: '{"title" : "' + $('#modal2 input[name="title"]').val()
            + '", "content" : "' + $('#modal2 textarea[name="content"]').val()
            + '", "company" : {"id" : ' + $('#modal2 select[name="companyId"]').val() + '}'
            + ', "scope" : "' + $('#modal2 select[name="scope"]').val()
            + '", "startDate" : "' + $('#modal2 input[name="startDate"]').val()
            + '", "endDate" : "' + $('#modal2 input[name="endDate"]').val()
            + '", "price" : ' + $('#modal2 input[name="price"]').val()
            + ', "remark" : "' + $('#modal2 textarea[name="remark"]').val()
            + '"}',
        contentType: "application/json;charset=utf-8",
        type: "POST",
        headers: {
          Accept: "application/json"
        },
        success: function(data, textStatus) {
          console.log(data);
          $.ajax({
            url: "/kangchenjunga/api/v1/activities/" + data.id + "/stores",
            data: '[' + $('#modal2 select[name="scope"]').val() + ']',
            contentType: "application/json;charset=utf-8",
            type: "PUT",
            headers: {
              Accept: "application/json"
            },
            success: function(data, textStatus) {
            	swal({
                title: "",
                text: "保存成功!",
                icon: "success",
                timer: 2000,
              }).then(function(value) {
			          $("#modal2 input[type=reset]").trigger("click");
			          $('#modal2').modal('close');
			          window.location.reload();
              });
            }
          });
        },
        error: function (data, textStatus, errorThrown) {
          //console.log(data);
          swal({
            title: "保存失败!",
            text: data.responseJSON.message,
            icon: "error",
            //timer: 2000,
          });
          M.updateTextFields();
        }
      });

    }

    function openEditModal(activityId) {
      $.ajax({
        url: "/kangchenjunga/api/v1/activities/" + activityId,
        contentType: "application/json;charset=utf-8",
        type: "GET",
        headers: {
          Accept: "application/json"
        },
        success: function(data, textStatus) {
        	$("#modal1 input[type=reset]").trigger("click");
          $('#modal1 input[name="id"]').val(data.id);
          $('#modal1 input[name="title"]').val(data.title);
          $('#modal1 textarea[name="content"]').val(data.content);
          console.log(data);
          $('#modal1 select[name="companyId"] option').each(function(){
            if($(this).attr('value') == data.company.id) {
            	$(this).attr('selected', 'selected');
            } else {
            	if($(this).attr('value') != '') {
	            	$(this).removeAttr('selected');
            	}
            }
          });
          $('#modal1 select[name="companyId"]').formSelect();
          $.ajax({
            url: "/kangchenjunga/api/v1/companies/getStoreByCompanyId/" + $('#modal1 select[name="companyId"]').val(),
            contentType: "application/json;charset=utf-8",
            type: "GET",
            headers: {
              Accept: "application/json"
            },
            dataType: "json",
            success: function(data, textStatus) {
              if(data.length > 0) {
                var h = '';
                for(x in data) {
                  h = '<option value="' + data[x].id + '">' + data[x].name + '</option>';
                }
              } else {
                h = '<option value="" disabled>请选择</option>';
              }
              $("#modal1 select[name='scope']").html(h);
              select_instance = M.FormSelect.init(document.querySelectorAll('select'));
              $.ajax({
                url: "/kangchenjunga/api/v1/activities/" + activityId + "/stores",
                contentType: "application/json;charset=utf-8",
                type: "GET",
                headers: {
                  Accept: "application/json"
                },
                dataType: "json",
                success: function(data, textStatus) {
                	console.log(data);
                	$('#modal1 select[name="scope"] option').each(function(){
                    if(data.indexOf(parseInt($(this).attr('value'))) >= 0) {
                      $(this).attr('selected', 'selected');
                    } else {
                      $(this).removeAttr('selected');
                    }
                  });
                  $('#modal1 select[name="scope"]').formSelect();
                }
              });
            }
          });
          $('#modal1 input[name="startDate"]').val(data.startDate);
          $('#modal1 input[name="endDate"]').val(data.endDate);
          $('#modal1 select[name="customerLevels"] option').each(function(){
           if($(this).attr('value') != '') {
             if(data.customerLevels.includes($(this).attr('value')) > 0) {
                $(this).attr('selected', 'selected');
              } else {
                $(this).removeAttr('selected');
              }
            } else {
             $(this).removeAttr('selected');
            }
          });
          $('#modal1 select[name="customerLevels"]').formSelect();
          $('#modal1 input[name="price"]').val(data.price);
          $('#modal1 textarea[name="remark"]').val(data.remark);
          M.updateTextFields();
		    	$('#modal1').modal('open');
        }
      });
    }

    function editSubmit() {
    	var input_elems = $('#modal1 .modal-content input, #modal1 .modal-content textarea');
      input_elems.each(function(){
        M.validate_field($(this));
      });
      var startDate = $('#modal1 input[name="startDate"]').val();
      var endDate = $('#modal1 input[name="endDate"]').val();
      var d1 = new Date(startDate.replace(/\-/g, "\/"));
      var d2 = new Date(endDate.replace(/\-/g, "\/"));
      if(startDate != "" && endDate != "" && d1 > d2) {
        $('#modal1 input[name="startDate"]').addClass("invalid");
        $('#modal1 input[name="endDate"]').addClass("invalid");
      }
      var invalid_input_elems = $('#modal1 .modal-content input.invalid, #modal1 .modal-content textarea.invalid');
      if(invalid_input_elems.length > 0) {
    	  var location = $(invalid_input_elems[0]).offset().top - 300;
        document.querySelector('.modal-content').scrollTop = location;
        return false;
      }
      if($('#modal1 select[name="scope"]').val().length <= 0) {
        swal({
          title: "",
          text: "请选择参与范围！",
          icon: "error",
          //timer: 2000,
        });
        return false;
      }
      $.ajax({
        url: "/kangchenjunga/api/v1/activities/" + $('#modal1 input[name="id"]').val(),
        data: '{"title" : "' + $('#modal1 input[name="title"]').val() + '"'
        	  + ', "content" : "' + $('#modal1 textarea[name="content"]').val() + '"'
        	  + ', "company" : {"id" : ' + $('#modal1 select[name="companyId"]').val() + '}'
            + ', "scope" : "' + $('#modal1 select[name="scope"]').val() + '"'
            + ', "startDate" : "' + $('#modal1 input[name="startDate"]').val() + '"'
            + ', "endDate" : "' + $('#modal1 input[name="endDate"]').val() + '"'
            + ', "price" : ' + $('#modal1 input[name="price"]').val()
            + ', "remark" : "' + $('#modal1 textarea[name="remark"]').val() + '"'
            + ', "id" : ' + $('#modal1 input[name="id"]').val()
            + '}',
        contentType: "application/json;charset=utf-8",
        type: "PUT",
        headers: {
          Accept: "application/json"
        },
        success: function(data, textStatus) {
          //console.log(data);
          //console.log($('#modal1 select[name="scope"]').val());
          $.ajax({
            url: "/kangchenjunga/api/v1/activities/" + $('#modal1 input[name="id"]').val() + "/stores",
            data: '[' + $('#modal1 select[name="scope"]').val() + ']',
            contentType: "application/json;charset=utf-8",
            type: "PUT",
            headers: {
              Accept: "application/json"
            },
            success: function(data, textStatus) {
            	swal({
                title: "",
                text: "修改成功!",
                icon: "success",
                timer: 2000,
              }).then(function(value) {
	              $("#modal input[type=reset]").trigger("click");
	              $('#modal').modal('close');
	              window.location.reload();
              });
            }
          });
          //$('#modal2').modal();
        },
        error: function (data, textStatus, errorThrown) {
          console.log(data);
          swal({
            title: "保存失败!",
            text: (data.responseJSON.message == '' ? "请联系管理员!" : data.responseJSON.message),
            icon: "error",
            //timer: 2000,
          });
          M.updateTextFields();
        }
      });
    }

    function getSelectedStores(activityId) {
    	$.ajax({
        url: "/kangchenjunga/api/v1/activities/" + activityId + "/stores",
        contentType: "application/json;charset=utf-8",
        type: "GET",
        headers: {
          Accept: "application/json"
        },
        dataType: "json",
        success: function(data, textStatus) {
        	return data;
        }
      });
    }

    function deleteSubmit(activityId) {
      swal({
        title: "确认删除该条权益吗?",
        text: "一旦删除，将无法找回或查看该条权益!",
        icon: "warning",
        buttons: {
          cancel: {
            text: "取消",
            value: null,
            visible: true,
            className: "waves-effect waves-light btn-flat",
            closeModal: true,
          },
          confirm: {
            text: "确认",
            className: "waves-effect waves-light"
          }
        },
        dangerMode: true,
      })
      .then(function(willDelete) {
        if (willDelete) {
        	console.log(willDelete);
        	$.ajax({
            url: "/kangchenjunga/api/v1/activities/" + activityId,
            contentType: "application/json;charset=utf-8",
            type: "DELETE",
            headers: {
              Accept: "application/json"
            },
            success: function(data, textStatus) {
              //console.log(data);
              swal("删除成功!", {
                icon: "success",
                timer: 2000,
              }).then(function(value) {
                window.location.reload();
              });
            },
            error: function(data) {
            	swal({
                title: "删除失败!",
                text: data.responseJSON.message,
                icon: "error",
              });
            }
          });
        } else {

        }
      });
    }

    function generateSubmit(activityId, amount) {
    	swal({
        title: "确认生成该条权益的优惠券验证码吗?",
        text: "",
        icon: "info",
        buttons: {
          cancel: {
            text: "取消",
            value: null,
            visible: true,
            className: "waves-effect waves-light btn-flat",
            closeModal: true,
          },
          confirm: {
            text: "确认",
            className: "waves-effect waves-light"
          }
        },
        dangerMode: true,
      })
      .then(function(willDelete) {
        if (willDelete) {
          console.log(willDelete);
          $.ajax({
            url: "/kangchenjunga/api/v1/coupons/services/generate/" + activityId + "?amountPerCustomer=" + amount,
            contentType: "application/json;charset=utf-8",
            type: "POST",
            headers: {
              Accept: "application/json"
            },
            success: function(data, textStatus) {
              //console.log(data);
              if(data > 0) {
                swal("生成验证码成功!", {
                  icon: "success",
                  //timer: 2000,
                });
              } else {
                swal("生成验证码失败!", {
                	icon: "error"
                  //timer: 2000,
                });
              }

            }
          });
        } else {

        }
      });
    }

    var p = document.getElementById('checkbox_s');

    function replySubmit(activityId) {
      swal({
        title: "确认回收该条权益吗?",
        text: "",
        icon: "info",
        content: {
          element: p,
        },
        buttons: {
          cancel: {
            text: "取消",
            value: null,
            visible: true,
            className: "waves-effect waves-light btn-flat",
            closeModal: true,
          },
          confirm: {
            text: "确认",
            className: "waves-effect waves-light"
          }
        },
        dangerMode: true,
      })
      .then(function(willDelete) {
        if (willDelete) {
          console.log(willDelete);
          var ignoreCoupons = $("#checkbox_s input").prop("checked");
          console.log(ignoreCoupons);
          $.ajax({
            url: "/kangchenjunga/api/v1/activities/" + activityId + "/interrupt?ignoreCoupons=" + ignoreCoupons,
            contentType: "application/json;charset=utf-8",
            type: "POST",
            headers: {
              Accept: "application/json"
            },
            success: function(data, textStatus) {
              //console.log(data);
              swal("回收成功!", {
                icon: "success",
                //timer: 2000,
              });
              window.location.reload();
            },
            error: function() {
            	swal("回收失败!", {
                icon: "error"
                //timer: 2000,
              });
            }
          });
        } else {

        }
      });
    }

  </script>

  </body>
</html>
